<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随堂练习</title>
    <!--  引入vue.js  因为Element UI 依赖vue -->
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/axios.js"></script>
    <link rel="stylesheet" href="../static/elementui/theme-chalk/index.css"/>
    <link rel="stylesheet" href="../static/css/ques/03.css"/>
    <script src="../static/elementui/index.js"></script>

</head>
<body>


<div id="alice">

    随堂练习

    <el-divider></el-divider>
    <div class="span">
        <span class="star">*</span> 试卷名称：
        <div class="div_inner">
            <el-input v-model="testName" placeholder="最多输入40个字"></el-input>
        </div>
    </div>
    <br><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="star">*</span> 试卷内容：
    <div id="crazy_hat">
        <div class="div_out">
            <div class="tiku">试卷内容</div>
            <div class="insert_delete">
            <div class="span">
                <el-button type="primary" size="small">关联题目</el-button>
            </div>

            <div class="span">
                <el-button size="small">删除</el-button>
            </div>
            </div>
            <template>
                <el-table
                        :data="ques"
                        style="width: 100%"
                        :row-class-name="tableRowClassName"
                        label="全选"
                        @selection-change="handleSelectionChange">
                    <el-table-column prop="id" label="题目ID" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="quesType" label="题型" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="quesContent" label="题干内容" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="difficulty" label="难度" align="center" width="200">
                    </el-table-column>
                    <!--<el-table-column prop="knowPointBean.knowpointNo" label="知识点" align="center" width="200">
                    </el-table-column>-->
                    <el-table-column prop="pointValue" label="分值" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="modTime" label="编辑时间" align="center" width="200">
                    </el-table-column>

                    <el-table-column fixed="right" prop="manager" label="操作" align="center" width="150">
                        <template slot-scope="scope">
                            <el-button @click="handleClick(scope.row)" type="text" size="mini" >
                                操作
                            </el-button>
                            <el-button @click="del" type="text"  size="small">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </template>

            <!--<div>
                <el-table
                        :data="tableData"
                        style="width: 90%;margin-left: 5%"
                        :row-class-name="tableRowClassName">
                    <el-table-column
                            prop="ques_id"
                            label="题目ID"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="type"
                            label="题型"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="content"
                            label="题干内容"
                            width="180">
                    </el-table-column>

                    <el-table-column
                            prop="content"
                            label="图片"
                            width="180">
                    </el-table-column>

                    <el-table-column
                            prop="content"
                            label="视频解析"
                            width="180">
                    </el-table-column>

                    <el-table-column
                            prop="content"
                            label="文字解析"
                            width="180">
                    </el-table-column>

                    <el-table-column
                            prop="diffcult"
                            label="难度"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="point"
                            label="知识点"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="score"
                            label="分值"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="editor_time"
                            label="编辑时间"
                            width="120">
                    </el-table-column>

                    <el-table-column
                            prop="manager"
                            fixed="right"
                            label="操作"
                            width="150">
                        <el-button type="text" size="small">编辑</el-button>
                        <el-button type="text" size="small">删除</el-button>
                    </el-table-column>




                </el-table>

            </div>-->
            <div class="span">
                <el-button type="primary" size="small">保存</el-button>
            </div>

            <div class="span">
                <el-button size="small">取消</el-button>
            </div>


        </div>







    </div>



</div>



<!--
<script>


    let data = {
        radio:"",
        input:"",
        send_time:"",
        mes_type:"",
        tableData: [{
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',

        }, {
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',
        }, {
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',
        }, {
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3'
        },
            {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3'
            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3'
            }]

    };

    let main_div = new Vue({

        el:"#alice",
        data:data,
        methods:{
            show1: function(){
                console.log(data.radio+"部分学员");
            },
            show2: function(){
                console.log(data.radio+"全部学员");
            }




        }



    });



</script>
-->










<!--<style type="text/css">

    #alice{
        width:1500px;
        margin: 0 auto;
        margin-top: 55px;

    }

    #crazy_hat{
        height:50px;
        background-color:#eeeeee;
        text-align:center;
        line-height:50px;
        margin-top: 10px;
    }

    .star{
        color:red;
    }


    .div_out {
        margin-top: 15px;
    }


    .div_inner{
        position: relative;
        font-size: 14px;
        display: inline-block;

    }

    .content{
        width:500px;
        height:300px;
        border: 1px solid;

    }


    .span{
        display: inline-block;
        margin-left: 30px;
    }

    .tiku{
        display: inline-block;
        margin-left: 50px;
    }
    .insert_delete{
        display: inline-block;
        margin-left: 799px;
    }

</style>-->

<script src="../static/js/ques/03.js"></script>
</body>
</html>